<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CSS样式</title>
	<!--使用css3样式4种
	     1.1内联样式表
		 1.2内部样式表
		    1.2.1使用方式 --head元素 添加style元素
			1.2.2编写css语法    选择器--元素选择器：抓取页面元素
		 1.3外部样式表
		    1.3.1head元素  添加link元素，指定css文件
			1.3.2创建xxx.css文件
		 1.4引入样式表
		    1.4.1使用 --head元素  添加style元素
			1.4.2创建xxx.css文件
			1.4.3在style元素中加@import url(xxx.css)
			先执行效果css再执行html
		2.编写css3语法:css
	-->
	<style>

		/*css3注释*/
		p{
			/*css3属性和属性值：添加【样式】效果*/
			/*效果：居中*/
			text-align: center;
			/*效果：背景颜色    色值：十六*/
			background-color: #ff5000;/*京东红 主题色*/
			/*文本放大*/
			font-size: 50px;
			width: 249px;
			height: 249px;
			line-height: 249px;
		}
	</style>
	<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<!--html 效果-->
		<p>lorem1</p>
		<!--css  效果-->
		<p>lorem2</p>
		<span>行元素内容</span>
	</body>
</html>
